import 'package:flutter/material.dart';

class OtherAuthLogin extends StatefulWidget {
  const OtherAuthLogin({Key? key}) : super(key: key);

  @override
  _OtherAuthLoginState createState() => _OtherAuthLoginState();
}

class _OtherAuthLoginState extends State<OtherAuthLogin> {
  @override
  Widget build(BuildContext context) {
    return Container(
      alignment: Alignment.topLeft,
      padding: EdgeInsets.only(bottom: 20),
      // height: 100,
      width: 192,
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        mainAxisAlignment: MainAxisAlignment.start,
        mainAxisSize: MainAxisSize.min,
        children: [
          Text(
            '其他登录方式',
            style: TextStyle(color: Colors.white),
          ),
          SizedBox(
            height: 16,
          ),
          Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              IconButton(
                padding: EdgeInsets.symmetric(vertical: 0, horizontal: 0),
                constraints: BoxConstraints(
                  minWidth: 36,
                  minHeight: 36,
                ),
                icon: Image(
                  image: AssetImage('assets/icons/wechat.png'),
                  width: 36,
                  height: 36,
                  fit: BoxFit.scaleDown,
                  alignment: Alignment.center,
                  excludeFromSemantics: true,
                ),
                onPressed: () => {},
              ),
              IconButton(
                padding: EdgeInsets.symmetric(vertical: 0, horizontal: 0),
                constraints: BoxConstraints(
                  minWidth: 36,
                  minHeight: 36,
                ),
                icon: Image(
                  image: AssetImage('assets/icons/weibo.png'),
                  width: 36,
                  height: 36,
                  fit: BoxFit.scaleDown,
                  alignment: Alignment.center,
                  excludeFromSemantics: true,
                ),
                onPressed: () => {},
              ),
              IconButton(
                padding: EdgeInsets.symmetric(vertical: 0, horizontal: 0),
                constraints: BoxConstraints(
                  minWidth: 36,
                  minHeight: 36,
                ),
                icon: Image(
                  image: AssetImage('assets/icons/fb.png'),
                  width: 36,
                  height: 36,
                  fit: BoxFit.scaleDown,
                  alignment: Alignment.center,
                  excludeFromSemantics: true,
                ),
                onPressed: () => {},
              ),
              IconButton(
                padding: EdgeInsets.symmetric(vertical: 0, horizontal: 0),
                constraints: BoxConstraints(
                  minWidth: 36,
                  minHeight: 36,
                ),
                icon: Image(
                  image: AssetImage('assets/icons/ins.png'),
                  width: 36,
                  height: 36,
                  fit: BoxFit.scaleDown,
                  alignment: Alignment.center,
                  excludeFromSemantics: true,
                ),
                onPressed: () => {},
              ),
            ],
          ),
        ],
      ),
    );
  }
}
